import axios, { AxiosInstance, AxiosRequestConfig, AxiosResponse, InternalAxiosRequestConfig } from "axios"
import { ElMessage } from "element-plus";
import { userStore } from "@/store/user";
//axios请求配置
const config = {
    baseURL: 'http://localhost:8008',
    timeout: 10000,
    withCredentials: true
}
//定义返回值类型
export interface Result<T = any> {
    code: number;
    msg: string;
    data: T;
}
class Http {
    //axios实例
    private instance: AxiosInstance;
    //构造函数里面初始化
    constructor(config: AxiosRequestConfig) {
        this.instance = axios.create(config)
        //定义拦截器
        this.interceptors()
    }
    //拦截器
    private interceptors() {
        //axios发送请求之前的处理:请求头携带token
        this.instance.interceptors.request.use((config: InternalAxiosRequestConfig) => {
            const store = userStore()
            //获取token
            let token = store.getToken;
            if (token) {
                config.headers!['token'] = token
            }
            return config;
        }, (error: any) => {
            error.data = {}
            error.data.msg = '服务器异常，请联系管理员!'
            return error;
        })
        //axios请求返回之后的处理
        this.instance.interceptors.response.use((res: AxiosResponse) => {
            let store = userStore()
            console.log(res);
            if (res.data.code == 200) {
                return res.data
            } else if (res.data.code == 600) {
                store.setToken('')
                store.setUserId('')
                //清空数据
                sessionStorage.clear()
                //跳转去登录
                window.location.href = '/login';
            }
            else {
                //如果是文件下载，不处理JSON，直接让浏览器下载
                if (res.config.responseType === 'arraybuffer' || res.config.responseType === 'blob' || res.headers['content-disposition']) {
                    return res;
                }
                ElMessage.error(res.data.msg || '接口出错！')
                return Promise.reject(res.data.msg || '接口出错')
            }
        }, (error) => {
            console.log('进入错误')
            error.data = {};
            if (error && error.response) {
                switch (error.response.status) {
                    case 400:
                        error.data.msg = '错误请求';
                        ElMessage.error(error.data.msg)
                        break
                    case 401:
                        error.data.msg = '未授权，请重新登录';
                        ElMessage.error(error.data.msg)
                        break
                    case 403:
                        error.data.msg = '拒绝访问';
                        ElMessage.error(error.data.msg)
                        break
                    case 404:
                        error.data.msg = '请求错误,未找到接口';
                        ElMessage.error(error.data.msg)
                        break
                    case 405:
                        error.data.msg = '请求方法未允许';
                        ElMessage.error(error.data.msg)
                        break
                    case 408:
                        error.data.msg = '请求超时';
                        ElMessage.error(error.data.msg)
                        break
                    case 500:
                        error.data.msg = '服务器端出错';
                        ElMessage.error(error.data.msg)
                        break
                    case 501:
                        error.data.msg = '网络未实现';
                        ElMessage.error(error.data.msg)
                        break
                    case 502:
                        error.data.msg = '网络错误';
                        ElMessage.error(error.data.msg)
                        break
                    case 503:
                        error.data.msg = '服务不可用';
                        ElMessage.error(error.data.msg)
                        break
                    case 504:
                        error.data.msg = '网络超时';
                        ElMessage.error(error.data.msg)
                        break
                    case 505:
                        error.data.msg = 'http版本不支持该请求';
                        ElMessage.error(error.data.msg)
                        break
                    default:
                        error.data.msg = `连接错误${error.response.status}`;
                        ElMessage.error(error.data.msg)
                }
            } else {
                error.data.msg = "连接到服务器失败"
                ElMessage.error(error.data.msg)
            }
            return Promise.reject(error)
        })
    }

    /* GET 方法 */
    get<T = Result>(url: string, params?: object): Promise<T> {
        return this.instance.get(url, { params })
    }
    /* POST 方法 */
    post<T = Result>(url: string, data?: object): Promise<T> {
        return this.instance.post(url, data)
    }
    /* PUT 方法 */
    put<T = Result>(url: string, data?: object): Promise<T> {
        return this.instance.put(url, data)
    }
    /* DELETE 方法 */
    delete<T = Result>(url: string): Promise<T> {
        return this.instance.delete(url)
    }
    //图片上传
    upload<T = Result>(url: string, params?: object): Promise<T> {
        return this.instance.post(url, params, {
            headers: {
                'Content-Type': 'multipart/form-data'
            }
        })
    }
    //文件下载
    download<T = Result>(url: string): Promise<T> {
        return this.instance.get(url, {
            responseType: "arraybuffer"
        })
    }
}
export default new Http(config)